<template>
    <div style="line-height: 50px">
        <div class="demo-fit">
            <div class="block" v-for="fit in fits" :key="fit">
                <span class="title">{{ fit }}</span>
                <el-avatar shape="square" :size="100" :fit="fit" :src="url"></el-avatar>
                <el-button size="small" type="primary">点击上传</el-button>
            </div>
          <el-row>
        <el-col :span="8"><div class="grid-content bg-purple"></div></el-col>
        <el-col :span="8"><el-form ref="user" :model="user" label-width="80px">
          <el-form-item label="昵称">
            <el-input v-model="user.name"></el-input>
          </el-form-item>
          <el-form-item label="年龄">
            <el-input v-model="user.age"></el-input>
          </el-form-item>
          <el-form-item label="车龄">
            <el-input v-model="user.cartage"></el-input>
          </el-form-item>
          <el-form-item>
            <el-button type="primary">保存修改</el-button>
            <el-button type="primary">重置</el-button>
          </el-form-item>
        </el-form></el-col>
        <el-col :span="8"><div class="grid-content bg-purple"></div></el-col>
      </el-row>
        </div>
    </div>
</template>

<script>
export default {
    name:"userInfo",
    data() {
      return {
          form:{},
          user:{
              name:"",
              age:"",
              cartage:""
          },
        fits: ['头像'],
        url: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg'
      }
    }
}
</script>